<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>继承规则</title>
		<style>
			/*	
			继承，给父标签节点设置了样式，所有的子节点都会继承
			但是继承是没有权重的，所以后面修改的样式会优先使用
			
			上面的例子中h2标签没有设置颜色样式,将继承html的颜色，并且边框没有被继承
			*/
			/* article{
				color: red;
				border: 1px solid #DDDDDD;
			}
			article h2 span{
				color: #008000;
			} */
			
			
			/*
				h2中的span并没有继承h2的颜色,就是因为继承没有权重，而使用了*的权重为0     0>null
			*/
			
			*{
				color:red;
			}
			
			h2{
				color: blue;
			}
			
		</style>
	</head>
	<body>
		<article>
			<h2>hdcms <span>内容管理系统</span></h2>
		</article>
	</body>
</html>
